<!DOCTYPE HTML>
<html>
<head>
    <title>Cellar</title>
    <link rel="stylesheet" href="css/styles.css"/>
</head>

<body>

<div class="header">
    <input type="text" id="searchKey"/>
    <button id="btnSearch">Search</button>
    <button id="btnAdd">New Wine</button>
</div>


<div class="leftArea">
    <ul id="wineList"></ul>
</div>

<form id="wineForm">

    <div class="mainArea">

        <label>Title:</label>
        <input type="text" id="title" name="name" required>

        <label>Image:</label>
        <input type="text" id="image" name="grapes"/>

        <label>Comments:</label>
        <input type="text" id="comments" name="comments"/>

        <label>Temperature:</label>
        <input type="text" id="temperature" name="temperature"/>

        <label>Weather Condition:</label>
        <input type="text" id="conditionCode" name="conditionCode"/>

        <button id="btnSave">Save</button>
        <button id="btnDelete">Delete</button>

    </div>

    <div class="rightArea">

    </div>

</form>

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/main.js"></script>

</body>
</html>